<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Módulo Empleado - SOTEIND S.A.S</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
</h:head>



<body>
	<!-- Header -->
	<div id="header">
		<div class="shell">

			<!-- Logo -->
			<h1 id="logo">
				<a href="#">SOTEIND S.A.S</a>
			</h1>
			<!-- End Logo -->

			<!-- Navigation -->
			<div class="right" style="margin-top: 30px">
				<ul>
					<li class="active"><a href="Modulos.xhtml">Home</a></li>
					<li class="active"><a href="index.xhtml">Salir</a></li>
				</ul>
			</div>
			<br class="clear" />
			<!-- End Navigation -->

		</div>
	</div>
	<!-- End Header -->




	<!-- Contenido -->
	<h:form id="form">
		<div id="contenido">
			<div class="shell">




				<p:panel columns="1">
					<f:facet name="header">
						<center>
							<h3>Módulo Empleado</h3>
						</center>
					</f:facet>
					<h4>Ingresar Datos</h4>

					<p:panelGrid columns="2" style="margin-bottom:10px"
						cellpadding="20">

						<h:outputText value="Id: " />
						<p:inputText id="emplId" value="#{moduloEmpleadoBean.emplID}" required="true"/>

						<h:outputText value="Nombres: " />
						<p:inputText id="emplNombre" value="#{moduloEmpleadoBean.emplNombre}" required="true"/>

						<h:outputText value="Apellidos: " />
						<p:inputText id="emplApellido" value="#{moduloEmpleadoBean.emplApellido}"  required="true"/>

						<h:outputText value="Edad: " />
						<p:inputText id="emplEdad" value="#{moduloEmpleadoBean.emplEdad}" required="true"/>

						<h:outputText value="Dirección: " />
						<p:inputText id="emplDir" value="#{moduloEmpleadoBean.emplDir}" required="true"/>

						<h:outputText value="Teléfono: " />
						<p:inputText id="emplTel" value="#{moduloEmpleadoBean.emplTel}" required="true"/>


					</p:panelGrid>
					<p:panelGrid columns="4" style="margin-bottom:10px"
						cellpadding="20">
						<p:commandButton type="button" value="Buscar" style="margin:0" />
						<p:commandButton type="button" value="Crear" onclick=""
							style="margin:0" />
						<p:commandButton type="button" value="Borrar" style="margin:0" />
						<p:commandButton type="button" value="Modificar" style="margin:0" />
					</p:panelGrid>
					<h4>Lista Empleados</h4>

					<p:dataTable var="No." value="#{tableBean.carsSmall}">
						<p:column headerText="Id">
							<h:outputText value="#{Empleado.emplID}" />
						</p:column>

						<p:column headerText="Nombres">
							<h:outputText value="#{Empleado.emplNombre}" />
						</p:column>

						<p:column headerText="Apellidos">
							<h:outputText value="#{Empleado.emplApellido}" />
						</p:column>

						<p:column headerText="Edad">
							<h:outputText value="#{Empleado.emplEdad}" />
						</p:column>

						<p:column headerText="Dirección">
							<h:outputText value="#{Empleado.emplDir}" />
						</p:column>

						<p:column headerText="Teléfono">
							<h:outputText value="#{Empleado.emplTel}" />
						</p:column>
					</p:dataTable>



				</p:panel>




			</div>
		</div>
	</h:form>
	<!-- End contenido -->







	<!-- Footer -->
	<div id="footer">
		<div class="shell">

			<!-- Footer Logo -->
			<a href="#" class="notext footer-logo">Company Name</a>
			<!-- End Footer -->

			<!-- Footer Nav -->
			<div class="right">
				<p>&nbsp;</p>
				<p>
					&copy; Soteind.com. Diseño: <a href="http://dbdg2.webnode.es/">Web
						Grupo</a>
				</p>
			</div>
			<!-- End Footer Nav -->

		</div>
	</div>
	<!-- End Footer -->
</body>
</html>